.c-container {
	padding: 8px 16px;
	border-bottom: 1px solid #dedede;

	.c-row {
		display: flex;
		align-items: flex-start;
		line-height: 28px;

		.c-row-col {
			flex: 1;
			display: flex;
			flex-wrap: wrap;

			.col-title {
				position: relative;
				min-width: 60px;
				font-size: 14px;
				color: #333;
				text-align: justify;
				text-align-last: justify;
			}

			.col-title::after {
				position: absolute;
				top: 0;
				right: -5px;
				content: ':';
			}

			.col-text {
				flex: 1;
				margin-left: 12px;
				font-size: 12px;
				color: #555;
				overflow: auto;

				textarea {
					font-size: 24upx;
				}

				.col-img {
					width: 100upx;
					height: 100upx;
				}

				.col-img + .col-img {
					margin-left: 5px;
				}
			}

			.col-text-nowrap {
				width: 2rem;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}

			.col-text-img-box {
				max-height: 100px;
			}

			.col-remark {
				flex: 0 100%;
				overflow: auto;
				font-size: 12px;
			    color: #555;
			}

			.col-overflow {
				width: 5rem;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			.date {
				// width: 4.5rem;
				white-space: nowrap;
				overflow: hidden;
			}
		}
	}

	.c-row.addons{
		margin: 12px 0;
	}
	.c-row-wrap {
		flex-wrap: wrap;

		.c-row-col-wrap {
			flex: 0 25%;

			.col-title {
				width: 2rem;
			}
		}
	}
}
.swiper {
	overflow: auto;
}

.radio-box {
	margin-left: 8px;
	.radio-input {
		transform: scale(0.7);
		.uni-radio-input  {
			margin-right: 3px;
		}
	}
}

.fixed-right{	    
		position: fixed;
		right: 20upx;		
		top:40%;		
		border-bottom-left-radius: 25upx;
		border-top-left-radius: 25upx;
		background-color: #007AFF;				
		z-index: 9990;
		text{				
			display: inline-block;
			width: 35upx;
			writing-mode:tb-rl;
			padding: 30upx 15upx  20upx 15upx;
			color: #FFFFFF;
			font-size: 25upx ;								
			letter-spacing: 2upx;			
		}
	}

.hs-table {
	.hs-table-row {
		display: flex;
		font-size: 12px;
		align-content: center;
		align-items: center;
		text-align: center;
		.hs-table-col {
			flex: 1;
			height: 26px;
			line-height: 26px;
			border-top: 1px solid #ebedf0;
		}
		.hs-table-col.title {
			flex: 0 4rem;
			text-overflow: ellipsis;
			    overflow: hidden;
			    white-space: nowrap;
			
		}
	}
}
.hs-table.mt8 {
	margin-top: 8px;
}
.hs-table.mb8 {
	margin-bottom: 8px;
}

.c-container-item {
	padding: 0 16px;
}

.no-border {
	border-bottom: none;
}

.row {
	padding: 10upx 16upx;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ebedf0;
	font-size: 12px;
	line-height: 24px;

	.col {
		flex: 1;
		white-space: nowrap;

		.col-item-text {
			width: 4rem;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
	}
	.p20 {
		flex: 0 20%;
	}

	.col-right {
		text-align: end;
	}
}

.row.border-bottom{
	border-bottom: 1px solid #ebedf0!important;
}

.row:last-child {
	border-bottom: none;
}

.line {
	margin: 12px 0;
	height: 1px;
	border-bottom: 1px solid #dedede
}
	
